<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:p="http://primefaces.org/ui">
	
	<h:head>
		<title>Chamatec</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<link href="#{request.contextPath}/resources/css/screen.css" rel="stylesheet" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta name="description" content="" />
		<meta name="author" content="" />
		<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE10; IE=EmulateIE9;"/>

		<!-- CSS -->
		<link href="#{request.contextPath}/resources/assets/css/bootstrap.css" rel="stylesheet" />
		<link href="#{request.contextPath}/resources/assets/css/bootstrap-responsive.css" rel="stylesheet" />
		<link href="#{request.contextPath}/resources/assets/css/chamatec.css" rel="stylesheet" />
		<link href="#{request.contextPath}/resources/assets/css/scren.css" rel="stylesheet" />

		<!-- Fav and touch icons -->
		<link rel="apple-touch-icon-precomposed" sizes="144x144"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-144-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="114x114"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-114-precomposed.png" />
		<link rel="apple-touch-icon-precomposed" sizes="72x72"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-72-precomposed.png" />
		<link rel="apple-touch-icon-precomposed"
			href="#{request.contextPath}/resources/assets/ico/apple-touch-icon-57-precomposed.png" />
		<link rel="shortcut icon" href="#{request.contextPath}/resources/assets/ico/favicon.png" />

	</h:head>

	<body>
		<!-- Part 1: Wrap all page content here -->
		<div id="wrap">
			<!-- Fixed navbar -->
			<div class="navbar main-nav">
				<div class="navbar-inner orange">
					<div class="container">
						<button type="button" class="btn btn-navbar" data-toggle="collapse"
							data-target=".nav-collapse">
							<span class="icon-bar"></span> <span class="icon-bar"></span>
							<span class="icon-bar"></span>
						</button>
						<div class="nav-collapse collapse">
							<ul class="nav">
								<li class="active"><a href="#{request.contextPath}/index.jsf">Início</a></li>
								<h:panelGroup rendered="#{usuarioBean.isGerente() or usuarioBean.isAdministrador()}">
									<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Cadastro<b class="caret"></b></a>
										<ul class="dropdown-menu">
											<li><a href="#{request.contextPath}/departamento/index.jsf">Departamento</a></li>
											<li><a href="#{request.contextPath}/unidade/index.jsf">Unidade</a></li>
											<li><a href="#{request.contextPath}/usuario/index.jsf">Usuário</a></li>
										</ul>
									</li>
								</h:panelGroup>
								<li class="dropdown"><a href="#" class="dropdown-toggle" data-toggle="dropdown">Chamado<b class="caret"></b></a>
									<ul class="dropdown-menu">
										<li><a href="#{request.contextPath}/chamado/index.jsf">Acompanhar</a></li>
										<h:panelGroup rendered="#{usuarioBean.isTecnico() or usuarioBean.isGerente() or usuarioBean.isAdministrador()}">
											<li><a href="#{request.contextPath}/agenda/index.jsf">Agendar</a></li>
										</h:panelGroup>
									</ul>
								</li>
								<h:panelGroup rendered="#{usuarioBean.isTecnico() or usuarioBean.isGerente() or usuarioBean.isAdministrador()}">
									<li class="active"><a href="#{request.contextPath}/relatorio/index.jsf">Relatórios</a></li>
								</h:panelGroup>
							</ul>
							
							<div style="color: #FFFFFF; float: right; line-height: 50px;">
								#{usuarioBean.usuario.nome} - #{usuarioBean.usuario.perfil.nome} |
								<p:commandLink style="color: #FFFFFF !important;" value="Sair" action="#{loginController.logout()}"/>
							</div>
						</div>
					</div>
				</div>
			</div>
			<div class="container">
				<p:messages autoUpdate="true" closable="true"/>
				<ui:insert name="content">
	                   [Template content will be inserted here]
	        	</ui:insert>
				<div id="push"></div>
			</div>
		</div>
		<div id="footer">
			<div class="container">
			</div>
		</div>
		<!-- Panel colocado apenas para o primefaces trazer o jquery -->
		<p:panel rendered="false"></p:panel>

		<!-- Le javascript ================================================== -->
		<!-- Placed at the end of the document so the pages load faster -->
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-transition.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-alert.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-modal.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-dropdown.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-scrollspy.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-tab.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-tooltip.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-popover.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-button.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-collapse.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-carousel.js"></script>
		<script src="#{request.contextPath}/resources/assets/js/bootstrap-typeahead.js"></script>
    	
    	<script src="#{request.contextPath}/resources/js/util.js"></script>
    	<script src="#{request.contextPath}/resources/js/locale.js"></script>
	</body>
</html>